// Place all the styles related to the users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

#index-user {
  .header {
    font-weight: bold;
    font-size: 30px;
    color: green;
    margin: 30px 115px;
  }

  table#user-list {
    margin: auto;
    table-layout: fixed;
    font-size: 13px;
    border: 3px solid black;

    tr.heading {
      font-style: italic;
      border: 3px solid black;
      padding: 5px 10px;
      text-align: center;

      th {
        border: 1px solid #CCC;
      }
    }

    td {
      border: 1px solid #CCC;
      padding: 5px 10px;

      &.name {
        min-width: 200px;
        max-width: 200px;
      }

      &.email {
        min-width: 390px;
        max-width: 390px;
        word-wrap: break-word;
      }

      &.actions {
        min-width: 100px;
        max-width: 100px;
      }
    }
  }

}
